浅析javascript 定时器
setTimeout()--用于指定在一段特定的时间后执行某段程序。 格式:[定时器对象名=]setTimeout(“<表达式>”,毫秒数);功能: 执行<表达式>一次。其中表达式是字符串，可以使任意javascript语句<html> <head> <script type="text/javascript"> //5秒之后执行alert function count(){ setTimeout("alert('执行成功...
2024-01-10javascript 实现map集合
前几天项目上想用map集合一样的东西，简单拿对象拼了一下子，今天闲的慌实现一下大家不要见笑代码var Map = function (){ /************基础变量**************/ var hashmap = {}; var keys = []; var vals = []; var entrys = []; var size = 0; var index = {}; var Entry = function(key,value){ var entryKey ...
2024-01-10javascript 中的事件委托详解
这几天看到一个面试题,大概就是,让你给1000个li都添加一个click事件,应该怎么添加?大多数人第一开始的感觉可能就是,每个li上边都添加一个呗,那要是这样的话,估计面试的时候就会GG了,这里就是撤出了我们的事件冒泡和捕获机制,以及事件委托机制,对于上边这些,我们慢慢来看. 首先说一下事件冒泡...
2024-01-10分享一则javascript 调试技巧
不用alert,用console.log()<!DOCTYPE html> <html> <head> <script type="text/javascript"> function showLog(message){ console.log(message); } function test(name){ showLog(name); } test("hello"); </script> </head> <body> </body> </html>以上算是一个个人心得，这...
2024-01-10javascript 构建模块化开发过程解析
在使用 sea.js 、require.js 、 angular 的时候。我们使用到 define 、 module（require） 的方式，定义模块，和依赖模块下面给出 define 和 module 的简单实现。 其本质，就是往一个对象上面添加方法var F = {};F.define = function(str,fn){ var parts = str.split("."); var parent = this; // parent 当前模块的父模块 var i = len = 0; //...
2024-01-10
JavaScript 核心编程介绍
我们首先来看一下对象 [Object] 的概念，这也是 ECMASript 中最基本的概念。对象 ObjectECMAScript 是一门高度抽象的面向对象(object-oriented)语言，用以处理Objects对象. 当然，也有基本类型，但是必要时，也需要转换成object对象来用。An object is a collection of properties and has a single prototype object. The prototype may be eithe...
2024-01-10javascript i ++与++ i
在javascript中，我看到i++过在很多情况下都使用过它，并且我知道它会为前面的值添加一个：for (var i=1; i<=10; i++) { console.log(i);}但是当我这样做时会发生什么：++i;并且使用--运算符有什么不同（当然，它是减法而不是加法）？回答：i++和之间的区别++i是表达式的值。该值i++是i增量之前的值。的...
2024-01-10javascript 易错知识点实例小结
本文实例总结了javascript 易错知识点。分享给大家供大家参考，具体如下：为什么 typeof null === 'object'原理是这样的，不同的对象在底层都表示为二进制，在JavaScript中二进制前三位都为0的话会被判断为 object 类型， null 的二进制表示是全0，自然前三位也是0，所以执行 typeof 时会返回“ object ”。对象...
2024-01-10javascript 初学教程及五子棋小程序的简单实现
一.JavaScript简介JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。二.hbulider工具的使...
2024-01-10JavaScript插件化开发教程 （四）
一，开篇分析Hi，还记得上一篇文章吗。主要讲述了一个“Tab”插件是如何组织代码以及实现的”，以及过程化设计与面向对象思想设计相结合的方式是如何设计一个插件的，两种方式各有利弊取长补短，本系列文章是以学习为导向的，具体场景大家自己定夺使用方式。在从这篇文章中，我们还是以...
2024-01-10JavaScript插件化开发教程 （二）
一，开篇分析Hi，大家好！还记得前面的那篇文章吗------这个系列的开篇（JavaScript插件化开发教程一）。主要讲述了以“jQuery的方式如何开发插件”，那么今天我们带着昨天的疑问来继续我们的插件开发之旅。之前的问题如下：（1），如果项目技术选型换了这些插件又是强依赖“jQuery”机制，我们...
2024-01-10JavaScript插件化开发教程 （一）
一，开篇分析Hi，大家！今天这系列文章主要是说说如何开发基于“JavaScript”的插件式开发，我想很多人对”插件“这个词并不陌生，有的人可能叫“组件”或“部件”，这不重要，关键是看如何设计，如何做一个全方位的考量，这是本文的重点阐述的概念。我想大家对“jQuery插件的方式”有一定的...
2024-01-10javascript 兼容各个浏览器的事件
调用事件：事件对象什么是事件对象？在触发dom上的事件是都会产生一个事件对象event。例如鼠标点击的时候，自己就会产生比如点击的类型啊 还要那个元素发出的dom 事件对象 type 属性用于获取事件对象， target属性 用于获取事件目标，stopPropagation()方法 阻止事件冒泡 preventDefault阻止事件的默认...
2024-01-10javascript 面向对象实战思想分享
一直以来，很多新手都会经常问，我学完了基础知识，如何做项目？平时在公司工作都是做些什么？其实我想说，只要你找对方法，随便打开一个网站，都能是你的项目。这里指的面向对象不单单适用于javascript，也适用其他语言。万物皆对象，所以，任何事物都是有特征(属性)和动作(方法)的，一般...
2024-01-10
javascript 字符串转换并加上标签
将string = "13、14、15、16、17、18"转换成stringRes = '13<span>/</span>14<span>/</span>15<span>/</span>16<span>/</span>17<span>/</span>18<span>/</span>'后台给的string 怎么转成 stringRes 我可以用v-html展示回答"13、14、15、16、17、18".replace(/、/g,'<span>/</span>')...
2024-01-10
【JS】javascript 连等赋值问题
javascriptvar a = {n:1};var b = a; // 持有a，以回查a.x = a = {n:2};alert(a.x);// --> undefinedalert(b.x);// --> {n:2}请问结果为何是这样？我的理解是连等赋值从右向左运算的，当a被复制为{n:2}之后，为什么a.x中的a仍然指向{n:1}?回答同意3楼和4楼同学说的。连等是先确定所有变量的指针，再让指针指向那个赋值（{n:3})...
2024-01-10
JavaScript 编程规范/风格
Douglas Crockford 是JavaScript权威，JSON 格式就是他的发明。去年11月他有一个演讲（Youtube），谈到了好的 JavaScript 编程风格是什么。我非常推荐这个演讲，它不仅有助于学习 JavaScript，而且能让你心情舒畅，因为 Crockford 讲得很幽默，时不时让听众会心一笑。下面，我根据这个演讲和 Crockford 编写的 代码规...
2024-01-10javascript for循环性能测试示例
本文实例讲述了javascript for循环性能测试。分享给大家供大家参考，具体如下：for循环，如何使用效率更高，下面举例来说明：// 先定义一个测试数组 var arr = [0,1,2,3,4,5,6,7,8,9];// 执行测试test1(); test2();test3();function test1(){ console.time('test1'); for(var i = 0; i < arr.length; i ++) { } console.timeEnd('test1');}func...
2024-01-10JavaScript this绑定过程深入详解
本文实例形式详细分析了JavaScript this绑定过程。分享给大家供大家参考，具体如下：在理解this 的绑定过程之前，首先要理解调用位置：调用位置就是函数在代码中被调用的位置（而不是声明的位置）。只有仔细分析调用位置才能回答这个问题：这个this 到底引用的是什么？通常来说，寻找调用位置就...
2024-01-10Antlr4 Javascript访问者
我目前正在尝试在Antlr4访问者的帮助下开发JavaScript编译器。我已经用Java实现了这一点，但无法弄清楚如何用JavaScript做到这一点。也许有人可以回答我几个问题？1：在Java中，有一个Visitor.visit函数。如果我说得对，那么使用Javascript是不可能的。有没有解决的办法？2：我的Javascript访问者获得了所有生...
2024-01-10javascript实现鼠标点击页面 移动DIV
<script type="text/javascript"> //那种方式移动 var choMove = false; //是否绑定过click var isClick = true; //引用DIV var oDiv = null; //引用Input var oInput = null; //封装事件绑定的通用对象 var evnetUtil = { addEventHandle:function(oElement,evtype,fun){ oElement.attachEvent?oElem...
2024-01-10
Javascript | 模拟mvc实现点餐程序
MVC模式是一个比较成熟的开发模式。M是指业务模型，V是指用户界面，C则是控制器，使用MVC的目的是将M和V的实现代码分离，从而使同一个程序可以使用不同的表现形式。其中，View的定义比较清晰，就是用户界面。今天就来模拟使用MVC模式开发一个点餐程序，当然，只是就此案例来说明MVC在前端的实...
2024-01-10javascript 中select框触发事件过程的分析
javascript 中select框触发事件过程的分析我们书写了mousedown，mouseup，click，input，change，focus，blur，keydowm，keydown事件绑定到了select上面，模拟客户选择相关事件的触发流程：最后发现，触发的过程基本上一样，如果没有选择或者选择的是当前显示的option的话，不会触发change事件，只有在选择不同的option...
2024-01-10javascript 动态生成css代码的两种方法
javascript 动态生成css代码的两种方法有时候我们需要利用js来动态生成页面上style标签中的css代码，方法很直接，就是直接创建一个style元素，然后设置style元素里面的css代码，最后把它插入到head元素中。但有些兼容性问题我们需要解决。首先在符合w3c标准的浏览器中我们只需要把要插入的css代码作为一...
2024-01-10
【JS】javascript logger日志工具
1.项目简介创意无限,简单实用 javascript logger&debug toolbox - kingfishersKingfishers是用原生态javascript语言编写的web日志&调试工具箱，主要用于客户端脚本的分析和查错。工具提供了$alert函数来代替js的alert函数,该函数除了能够在工具的控制台连续输出日志&调试信息外,还能够支持对Date,Function,Array,Object,DOM,js...
2024-01-10
